<!DOCTYPE html>
<!-- saved from url=(0062)http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Single</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<meta name="keywords" content="">

	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<link href="./Single_files/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="./Single_files/style.css" rel="stylesheet" type="text/css">
	<link href="./Single_files/blog.css" type="text/css" rel="stylesheet" media="all">
	<link href="./Single_files/fontawesome-all.css" rel="stylesheet">
	<link href="./Single_files/css" rel="stylesheet">
</head>

<body data-aos-easing="ease" data-aos-duration="1200" data-aos-delay="0">
	<header>
		<div class="header_top" id="home">
			<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
				<a class="navbar-brand" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/index.html">
					<i class="fab fa-digital-ocean"></i> Digital Biz</a>
				<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
				</button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav mx-auto tp-nav">
						<li class="nav-item">
							<a class="nav-link" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/index.html">Home
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/about.html">About</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/blog.html">Blog</a>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								Dropdown
							</a>
							<div class="dropdown-menu" aria-labelledby="navbarDropdown">
								<a class="dropdown-item" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/project.html">Projects</a>
								<div class="dropdown-divider"></div>
								<a class="dropdown-item" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/error.html">Error Page</a>
							</div>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/contact.html">Contact</a>
						</li>
					</ul>
					<form action="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#" method="post" class="form-inline my-2 my-lg-0 search">
						<input class="form-control mr-sm-2" type="search" placeholder="Search here..." name="Search" required="">
						<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
					</form>

				</div>
			</nav>
		</div>
	</header>
	<!--//header-->

	<!--/banner-->
	<div class="banner-inner" style="height:80vh;">
	</div>
	<ol class="breadcrumb">
		<li class="breadcrumb-item">
			<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/index.html">Home</a>
		</li>
		<li class="breadcrumb-item active">Single Page</li>
	</ol>
	<!--/model-->
	<!-- Modal -->
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">Introduction Video</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
				</div>
				<div class="modal-body video">
					<iframe src="./Single_files/33531612.html"></iframe>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
	</div>
	<!--//model-->
	<!--//banner-->

	<!--/blog-->
	<section class="services">
		<div class="container">
			<h3 class="tittle_w3ls">Single Page</h3>
			<div class="row inner-sec-w3layouts-agileinfo">
				<div class="col-lg-8 blog-sp aos-init aos-animate" data-aos="fade-right">
					<article class="blog-x row">
						<div class="blog-img">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">
								<img src="./Single_files/banner2.jpg" alt="" class="img-responsive">
							</a>
						</div>
						<div class="blog_info">
							<h5>
								<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">Sadipisci velit sed quia non nuuam.</a>
							</h5>
							<p>By
								<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#" class="user-blog">james</a>
							</p>

							<p>Pellentesque eleifend ultricies tellus,varius risus, id dignissim sapien velit id felis ac cursus eros.Pellentesque
								eleifend ultricies tellus,varius risus, id dignissim sapien velit id felis ac cursus eros.</p>
							<ul class="blog_list_agile_w3ls">
								<li>
									<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
										<span class="fa fa-comment" aria-hidden="true"></span>
										173</a>
									<i>|</i>
								</li>
								<li>
									<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
										<span class="fa fa-heart" aria-hidden="true"></span>
										10</a>
									<i>|</i>
								</li>
								<li>
									<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
										<span class="fa fa-tag" aria-hidden="true"></span>
										5</a>
								</li>
							</ul>
							<h4>January 3,2018</h4>
						</div>
						<div class="clearfix"></div>
					</article>
					<div class="comment-top">
						<h4>Comments</h4>
						<div class="media">
							<img src="./Single_files/t1.jpg" alt="" class="img-responsive">
							<div class="media-body">
								<h5 class="mt-0">Joseph Goh</h5>
								<p>Lorem Ipsum convallis diam consequat magna vulputate malesuada. id dignissim sapien velit id felis ac cursus eros.
									Cras a ornare elit.</p>

								<div class="media mt-3">
									<a class="d-flex pr-3" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
										<img src="./Single_files/t2.jpg" alt="" class="img-responsive">
									</a>
									<div class="media-body">
										<h5 class="mt-0">Richard Spark</h5>
										<p>Lorem Ipsum convallis diam consequat magna vulputate malesuada. id dignissim sapien velit id felis ac cursus eros.
											Cras a ornare elit.</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="comment-top">
						<h4>Leave a Comment</h4>
						<div class="comment-bottom">
							<form action="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#" method="post">
								<input type="text" name="Name" placeholder="Name" required="">
								<input type="email" name="Email" placeholder="Email" required="">

								<input type="text" name="Subject" placeholder="Subject" required="">

								<textarea name="Message" placeholder="Message..." required=""></textarea>

								<input type="submit" value="Send">
							</form>
						</div>
					</div>
				</div>
				<aside class="col-lg-4 single-left aos-init aos-animate" data-aos="fade-left">
					<div class="single-gd-wthree-agileits">
						<img src="./Single_files/banner1.jpg" class="img-responsive" alt="">
						<h4>Sign up to our newsletter</h4>
						<form action="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#" method="post">

							<input type="email" name="Email" placeholder="Email" required="">
							<div class="button">

								<input type="submit" value="Subscribe">

							</div>
						</form>
					</div>
					<div class="single-gd-wthree-agileits aos-init" data-aos="fade-up">
						<h4>Our Progress</h4>
						<div class="progress">
							<div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
						</div>
						<div class="progress">
							<div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
						</div>
						<div class="progress">
							<div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
						</div>
						<div class="progress">
							<div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
						</div>
						<div class="progress">
							<div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
						</div>
					</div>
					<div class="single-gd-wthree-agileits tech-btm aos-init" data-aos="fade-down">
						<h4>Top stories of the week </h4>
						<div class="blog-grids">
							<div class="blog-grid-left">
								<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">
									<img src="./Single_files/b1.jpg" class="img-responsive" alt="">
								</a>
							</div>
							<div class="blog-grid-right">

								<h5>
									<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">Pellentesque dui, non felis. Maecenas male</a>
								</h5>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="blog-grids">
							<div class="blog-grid-left">
								<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">
									<img src="./Single_files/b2.jpg" class="img-responsive" alt="">
								</a>
							</div>
							<div class="blog-grid-right">

								<h5>
									<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">Pellentesque dui, non felis. Maecenas male</a>
								</h5>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="blog-grids">
							<div class="blog-grid-left">
								<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">
									<img src="./Single_files/b3.jpg" class="img-responsive" alt="">
								</a>
							</div>
							<div class="blog-grid-right">

								<h5>
									<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">Pellentesque dui, non felis. Maecenas male</a>
								</h5>
							</div>
							<div class="clearfix"> </div>
						</div>

					</div>
					<div class="single-gd-wthree-agileits">
						<h4>Accordion example</h4>
						<div id="accordion">
							<div class="card">
								<div class="card-header" id="headingOne">
									<h5 class="mb-0">
										<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
											Collapsible Group Item #1
										</button>
									</h5>
								</div>

								<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
									<div class="card-body">
										Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
									</div>
								</div>
							</div>
							<div class="card">
								<div class="card-header" id="headingTwo">
									<h5 class="mb-0">
										<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
											Collapsible Group Item #2
										</button>
									</h5>
								</div>
								<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
									<div class="card-body">
										Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
									</div>
								</div>
							</div>
							<div class="card">
								<div class="card-header" id="headingThree">
									<h5 class="mb-0">
										<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
											Collapsible Group Item #3
										</button>
									</h5>
								</div>
								<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
									<div class="card-body">
										Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
									</div>
								</div>
							</div>
						</div>
					</div>

				</aside>

			</div>


		</div>

		
	</section>
	<!--//blog-->
	<!--footer-->
	<footer>
		<div class="container">
			<div class="row footer-top-w3layouts-agile">
				<div class="col-lg-3 footer-grid aos-init" data-aos="zoom-in">
					<div class="footer-title">
						<h2>About Us</h2>
					</div>
					<div class="footer-text">
						<p>Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. lacinia eget consectetur sed, convallis at tellus..</p>

					</div>
				</div>
				<div class="col-lg-3 footer-grid aos-init" data-aos="zoom-in">
					<div class="footer-title">
						<h3>Contact Us</h3>
					</div>
					<div class="footer-office-hour">
						<ul>
							<li class="hd">Address :</li>
							<li>No.27 - 5549436 street lorem ipsum, ipsum City, Country</li>

						</ul>
						<ul>
							<li class="hd">Phone:+ 1 (234) 567 8901</li>
							<li class="hd">Email:
								<a href="mailto:info@example.com">info@example.com</a>
							</li>
							<li class="hd">Fax: 1(234) 567 8901</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-3 footer-grid aos-init" data-aos="zoom-in">
					<div class="footer-title">
						<h3>Recent Works</h3>
					</div>
					<div class="footer-list">
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">
								<img src="./Single_files/g1.jpg" alt=" ">
							</a>
						</div>
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
								<img src="./Single_files/g2.jpg" alt=" ">
							</a>
						</div>
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
								<img src="./Single_files/g3.jpg" alt=" ">
							</a>
						</div>
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
								<img src="./Single_files/g4.jpg" alt=" ">
							</a>
						</div>
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
								<img src="./Single_files/g9.jpg" alt=" ">
							</a>
						</div>
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
								<img src="./Single_files/g5.jpg" alt=" ">
							</a>
						</div>
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html">
								<img src="./Single_files/g6.jpg" alt=" ">
							</a>
						</div>
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
								<img src="./Single_files/g7.jpg" alt=" ">
							</a>
						</div>
						<div class="flickr-grid">
							<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
								<img src="./Single_files/g8.jpg" alt=" ">
							</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-lg-3 footer-grid aos-init" data-aos="zoom-in">
					<div class="footer-title">
						<h3>Subscribe</h3>
					</div>
					<p>Vivamus magna justo, lacinia eget consectetur sed.</p>
					<form action="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#" method="post" class="newsletter">
						<input class="email" type="email" placeholder="Your email..." required="">
						<button class="btn1">
							<i class="far fa-envelope"></i>
						</button>
					</form>
					<div class="clearfix"></div>
				</div>

			</div>

		</div>
	</footer>
	<!---->
	<div class="copyright">
		<div class="container">
			<div class="copyrighttop aos-init" data-aos="fade-left">
				<ul>
					<li>
						<h4>Follow us on:</h4>
					</li>
					<li>
						<a class="facebook" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
							<i class="fab fa-facebook-f"></i>
						</a>
					</li>
					<li>
						<a class="facebook" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
							<i class="fab fa-twitter"></i>
						</a>
					</li>
					<li>
						<a class="facebook" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
							<i class="fab fa-google-plus-g"></i>
						</a>
					</li>
					<li>
						<a class="facebook" href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#">
							<i class="fab fa-pinterest-p"></i>
						</a>
					</li>
				</ul>
			</div>
			<div class="copyrightbottom aos-init">
				<p>Copyright © 2018.Company name All rights reserved.<a target="_blank" href="/">丰信智能装备有限公司</a></p></p>

			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- js -->
	<script type="text/javascript" src="./Single_files/jquery-2.2.3.min.js.下载"></script>
	<!-- //js -->
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="./Single_files/move-top.js.下载"></script>
	<script type="text/javascript" src="./Single_files/easing.js.下载"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 900);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->
	<!-- /js files -->
	<link href="./Single_files/aos.css" rel="stylesheet prefetch" type="text/css" media="all">
	<link href="./Single_files/aos-animation.css" rel="stylesheet prefetch" type="text/css" media="all">
	<script src="./Single_files/aos.js.下载"></script>
	<script src="./Single_files/aosindex.js.下载"></script>
	<!-- //js files -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
									var defaults = {
							  			containerID: 'toTop', // fading element id
										containerHoverID: 'toTopHover', // fading element hover id
										scrollSpeed: 1200,
										easingType: 'linear' 
							 		};
									*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#home" class="scroll" id="toTop" style="display: none;"><span id="toTopHover"></span>
		<span id="toTopHover" style="opacity: 1;"> </span>
	</a>
	<script type="text/javascript" src="./Single_files/bootstrap.min.js.下载"></script>




<a href="http://demo.mxyhn.xyz:8020/cssthemes6/oyqj-0922-13/single.html#" id="toTop">To Top</a></body></html>